<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03-css的选择器.html</title>
</head>

<style>


  /*#p1{*/
  /*  background-color: red;*/
  /*}*/

  /*#p2{*/
  /*  background-color: skyblue;*/
  /*}*/

  /*p{*/
  /*  background-color: skyblue;*/
  /*}*/

  .my{
    background-color: red;
  }

</style>

<!--
   选择器 :  可以找到页面元素的标记
       选择器 有多少个?   3个
       id选择器
       标签选择器   所有的相同的标签都有这个样式
       类选择器

       css的框架  elementUI
-->

<body>

  <p id="p1" class="my">蜗牛学院</p>
  <p id="p2" class="my">雷人科技</p> 11111

</body>
</html>